/*______________________________________ 50-article-common.css */
.articleTitle{
	font-size:28px;
}
.article_text > section > h1,
.article_text > section > section h1,
.article_text h2,
.article_text h3{
	font-size:20px;
}
.article_text > section > section > section h1,
.article_text h4{
	font-size:16px;
}
.article_text figcaption{
	font-size:85%;
}
.articleFooter{
	font-size:12px;
}

.article_text h1,
.article_text h2,
.article_text h3,
.article_text h4,
.article_text h5,
.article_text h6{
	clear		:both;
	line-height	:1.25;
	margin		:40px 0 20px;
}
.article_text blockquote,
.article_text dl,
.article_text ol,
.article_text p,
.article_text pre,
.article_text table,
.article_text ul{
	margin:20px 0;
}
.article_text figure{
	margin:20px 0 40px;
}
.article_text figcaption{
	margin:10px 0;
}
.article_text hr{
	border-color:hsl(0,0%,50%);
	border-style:dashed;
	border-width:1px 0 0;
	height		:0;
	margin		:40px 0;
}

.article_text code{
	border-bottom	:1px dotted hsl(0,0%,80%);
}
.article_text p code{
	word-wrap		:break-word;
}
.article_text h1 code,
.article_text h2 code,
.article_text h3 code,
.article_text h4 code,
.article_text h5 code,
.article_text h6 code,
.article_text pre code{
	border:none;
}


.article_text pre{
	border-width:0 0 0 3px;
	font-size	:12px;
}
.article_text pre code{
	background	:hsl(0,0%,97.5%);
	border-width:1px;
	box-shadow	:inset 0 0 0 1px hsla(0,0%,100%,.25);
}
.article_text .code-lang{
	background	:-moz-linear-gradient(top,hsl(0,0%,97.5%),hsl(0,0%,92.5%));
	background	:-webkit-gradient(linear,left top,left bottom,from(hsl(0,0%,97.5%)),to(hsl(0,0%,92.5%)));
	border-width:1px 1px 0;
	box-shadow	:inset 0 0 0 1px hsla(0,0%,100%,.25);
	font-size	:10px;
	font-weight	:400;
	line-height	:1;
	margin		:0 0 -20px;
	padding		:4px;
}
.article_text pre{
	color		:hsl(0,0%,25%);
}
.article_text .code-lang{
	color		:hsl(0,0%,50%);
}
.article_text pre .comment{
	color		:hsl(0,0%,75%);
}
.article_text pre,
.article_text pre code,
.article_text .code-lang{
	border-color:hsl(0,0%,90%);
	border-style:solid;
}

.article_text blockquote{
	border-color:hsl(0,0%,60%);
	border-style:solid;
	border-width:0 0 0 5px;
	color		:hsl(0,0%,60%);
	font-size	:90%;
	line-height	:1.25;
	margin		:40px 0;
	padding		:0 0 0 15px;
}
.article_text blockquote footer{
	border-top	:1px solid rgba(0,0,0,.5);
	margin		:1em 0 0;
	padding		:1em 0 0;
}

.article_text .caption{
	font-size:12px;
}


.articleHeader{
	overflow:hidden;
}
.article_text{
	line-height	:1.6;
	clear		:both;
	padding		:0 20px;
}
.article_text_header{
	font-size	:18px;
	margin		:80px 0 0;
}
.article_text_body{
	font-size	:14px;
	margin		:80px 0;
}
.article_text > section > h1,
.article_text h2{
	color			:hsl(180,80%,100%);
	background-color:hsl(180,80%,40%);
	padding			:10px 15px;
	border-radius	:4px;
	position		:relative;
}
.article_text > section > h1::after,
.article_text h2::after{
	content		:"";
	display		:block;
	position	:absolute;
	bottom		:-10px;
	width		:0;
	height		:0;
	border-color:hsl(180,80%,40%) hsla(0,0%,100%,0) hsla(0,0%,100%,0);
	border-width:10px 10px 0;
	border-style:solid;
}
.article_text > section > section > h1,
.article_text h3{
	color		:hsl(180,80%,40%);
	border-color:hsl(180,80%,40%);
	border-style:solid;
	border-width:0 0 3px;
	padding		:0 0 2px;
}
.article_text > section > section > section > h1,
.article_text h4{
	color		:hsl(180,80%,40%);
	border-color:hsl(180,80%,40%);
	border-style:solid;
	border-width:0 0 0 .5em;
	padding		:0 0 0 .5em;
}
.article_text > section > section > section > section > h1,
.article_text h5{
/*	color		:hsl(185,100%,40%);*/
	color		:inherit;
}
.article_text pre{
	line-height:1.25;
}
.postDate{
	margin		:20px 0;
	padding		:0;
	list-style	:none;
	font-size	:16px;
	font-weight	:700;
}
.postDate li{
	display:inline;
	padding:0 1em 0 0;
}


.article_text h1,
.article_text h2,
.article_text h3{
	margin:60px 0 20px;
}

.article_text h1 + h2,
.article_text h2 + h3,
.article_text h3 + h4,
.article_text h4 + h5,
.article_text h5 + h6{
	margin-top:20px;
}

article{
	background-color:#FFF;
	margin:0 0 20px;
	border-radius:4px;
	padding:40px;
	box-shadow:inset 0 2px 8px rgba(0%,0%,0%,.6);
	color:hsl(0,0%,25%);
}




article a:link,
article a:link:hover,
article a:visited,
article a:visited:hover{
	color:hsl(180,50%,40%);
}


.article_text a:link,
.article_text a:visited{
	text-decoration:underline;
}
.article_text a:link:hover,
.article_text a:visited:hover{
	text-decoration:none;
}
.article_text blockquote a:link,
.article_text blockquote a:visited{
	text-decoration:none;
}
.article_text sup a[href^="#"]:link,
.article_text sup a[href^="#"]:visited{
	font-weight:inherit;
	text-decoration:inherit;
}

a.naverLink{
	margin		:0 auto;
	display		:block;
	width		:480px;
	height		:128px;
	background	:url(http://mattintosh4-devel.googlecode.com/git/_soneblo_global.png) no-repeat;
}
a.naverLink:hover{
	opacity:.6;
}
a.naverLink span{
	display:none;
}

a.naverLink-WineForMac{
	background-position:0 0;
}

a.naverLink-MacHints{
	background-position:0 -128px;
}

.article_text th,
.article_text td{
	padding:10px;
}
.article_text img{
	max-width	:100%;
	height		:auto;
}

.article_text ol{
	list-style-type	:decimal;
	padding:0 0 0 1.5em;
}
.article_text ul{
	padding:0 0 0 20px;
	list-style-type:disc;
}
.article_text li ul{
	list-style-type:circle;
}
.article_text table{
	width:100%;
}
.article_text dt::before{
	content:"\261B";
	margin-right:4px;
}
.article_text .command::before{
	content:"\0024";
	margin-right:4px;
}
.article_text .marker{
	border-width:0 0 2px;
	border-style:solid;
	border-color:#F00;
}
.article_text .indent{
	margin-left:40px;
}
.article_text span[title]{
	border-bottom:1px dashed;
}
.article_text p[role="img"]{
	margin:20px 0 40px;
}
.article_text [aria-hidden="true"]{
	visibility:hidden;
}
.article_text [role="separator"]{
	text-align:center;
}



.article_text pre [role="note"],
.article_text blockquote [role="note"],
.article_text [aria-disabled="true"]{
	opacity:.6;
}



.footnotes{
	font-size:85%;
}
.footnotes dl{
	margin:1.0em 0;
}
.footnotes dd{
	margin:0.5em 0;
}




.article_text table{
	border-collapse:collapse;
}
.article_text th,
.article_text td{
	border-color:rgb(60%,60%,60%);
	border-style:solid;
	border-width:1px;
	text-align:left;
	vertical-align:top;
}


p.memo{
    border:1px dashed;
    padding:1.5em;
}

.fancybox img{
	box-shadow:0 2px 12px -2px rgba(50%,50%,50%,.8);
}
.fancybox-title{
	text-align:center;
}

.articleFooterTitle                     {display:none}


/*////////////////////////////////////// Breadcrumbs */
.breadcrumbs{
	margin	:10px 0;
}
.breadcrumbs li{
	display	:inline;
}
.breadcrumbs li:before{
	content	:"\003e";
	margin	:0 .5em;
}
.breadcrumbs li:first-child::before{
	display	:none;
}
/*////////////////////////////////////*/


.articleCategory h1::after,
.articleAuthor h1::after,
.tag-word h1::after                     {content:"\003a\00a0"}


.articleNavi{
    margin:20px auto;
    list-style:none;
    overflow:hidden;
}
.articleNaviDate{
    margin:0;padding:0;
    list-style:none;
    width:100%;
    position:absolute;top:0;
    text-align:center;
}
.previousLink,
.nextLink{
    padding-top:8px;
    padding-bottom:8px;
    width:50%;
    min-height:32px;
}
.previousLink{
    float:left;
    text-align:left;
    background-image:url(https://lh4.googleusercontent.com/-LQDerANemcw/T8hCb16EFtI/AAAAAAAAG9o/AS1uw9ZuzXA/s32/1338524260_arrow_left.png);
    background-repeat:no-repeat;
    background-position:0 8px;
}
.nextLink{
    float:right;
    text-align:right;
    background-image:url(https://lh3.googleusercontent.com/-q16qzQfJBAI/T8hAuK6uBuI/AAAAAAAAG9c/ixcCfrxcLKE/s32/1338523823_arrow_right.png);
    background-repeat:no-repeat;
    background-position:100% 8px;
}
.previousLink-inner,
.nextLink-inner{
    padding:0 40px 0;
    display:block;
}
.previousLink-text::after,
.nextLink-text::after{
    content:attr(title);
}
.indexLink{
    padding:20px 0 0;
    text-align:center;
    clear:both;
}


#latestEntry li{
    padding:5px 0;
    border-bottom:1px dashed rgb(80%,80%,80%);
}